<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Be Creative</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://vinnysapidemos.googlecode.com/svn/trunk/google/gadgets/creativedemos/logic.js"></script> 
<style type="text/css">
  @import url(http://vinnysapidemos.googlecode.com/svn/trunk/google/gadgets/creativedemos/style.css);
  
  body { font-family: Verdana, Arial, Times New Roman; font-size: 12px; margin: 0; padding: 0; line-height: 1.5 }
  hr { margin: 5px 0; height: 1px; color: #CCC; background-color: #CCC; }

  
  #callout { background-color:#39C; border: 1px solid #06C; padding: 10px; text-align: center; font-weight: bold; margin: 0 0 10px 0; }
  #content { padding: 20px; overflow: auto; height: 100%; }
  #copy { width: 100%; margin: auto }
  #creative-content { margin-bottom: 20px; }
  #footer { width: 100%; height: 50px; background: #000; color: #FFF; position: relative; }
  #footer a { color: #FFF; font-weight: bold; text-decoration: none }
  #footer p { position: absolute; padding: 5px 10px; }
  #header { position: relative; top: 0; left: 0; width: 100%; height: 50px; background: #000; }
  #header h1 { position: absolute; color: #FFF; margin: 0; left: 20px; top: 10px; }
</style>
</head>

<body>
<div id="header">
  <h1>Be Creative</h1>
  <div id="product-logos"></div>
</div>
<div id="content">
<div id="copy">
  <div id="callout">
  &quot;Be Creative&quot; is a  resource showcasing the most interesting online marketing and advertising ideas using Google products.  Explore a diverse range of creative examples here.
  </div>
For online marketers, Google is more than an advertising platform.  Marketers can also use Google to attract visitors to their content and engage them in ways that are unique and compelling.  Google is well-known for it's host of products such as Google Maps, YouTube, iGoogle, and much, much more.  The technology behind these products can also be brought to your content, mashed up with your information, and branded with your identity, to create a <strong>compelling, innovative, and entertaining experience</strong> for your visitors.<br/>
<br/>
Below are examples of how Google technologies are put to creative use. Please take some time to browse through them and be inspired. Find out how to get started with Google APIs at our <a href="http://sites.google.com/site/creativitymeetstechnology/" target="_blank">Creativity Meets Technology microsite</a>. </div>
<hr />
<div id="creative-content"> 
  <div id="menu"></div> 
  <div id="filter-div">Filter by: <span id="filters"></span></div> 
  <div id="containers"></div> 
</div> 
</div>
<div id="footer">
<p>
More links: <a href="http://sites.google.com/site/creativitymeetstechnology/" target="_blank">Creativity Meets Technology</a> | <a href="http://www.goollery.org" target="_blank">goollery.org</a>
</p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6589428-6");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
